<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link type="text/css" href="css/menu.css" rel="stylesheet" />
<script type="text/javascript" src="script/jquery.js"></script>
<script type="text/javascript" src="script/menu.js"></script>
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/slideshow.css" type="text/css" media="all">
<script type="text/javascript" src="script/maxheight.js"></script>
<script type="text/javascript" src="script/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="script/cufon-yui.js"></script>
<script type="text/javascript" src="script/cufon-replace.js"></script>
<script type="text/javascript" src="script/Myriad_Pro_300.font.js"></script>
<script type="text/javascript" src="script/Myriad_Pro_400.font.js"></script>
<script type="text/javascript" src="script/jquery.faded.js"></script>
<script type="text/javascript" src="script/jquery.jqtransform.js"></script>
<script type="text/javascript" src="script/script.js"></script>
<script type="text/javascript">
	$(function(){
		$("#faded").faded({
			speed: 500,
			crossfade: true,
			autoplay: 10000,
			autopagination:false
		});
		
		$('#domain-form').jqTransform({imgPath:'jqtransformplugin/img/'});
	});
</script>
<title>Bestbuy</title>
</head>

<body>
<style type="text/css">
* { margin:0;
    padding:0;
}
div#copyright {
    font:11px 'Trebuchet MS';
    color:#FFF;
    text-indent:30px;
    padding:300px 0 0 0;
}
div#copyright a { color:#0080ff; }
div#copyright a:hover { color:#F00000; }
</style>
<div id="container">
		<div id="header">
			<div id="top_hdr">            	
                <span >Welcom. Please </span><a href="#">create an acount </a>                   
                    <span > or </span> <a href="#">Login</a>
                <div id="cart">
                	<a href="#" style="background:url(images/shopping_cart.png); padding-left: 40px; background-repeat:no-repeat; margin-right: 10px;"><span style="display:inline-block;margin-top: 10px;">Cart</span></a>
                    <a id="item" href="#" style="height:30px;">
                    	<span id="soluong" style="display:inline-block;margin-top: 5px;">0</span>
                        <span style="display:inline-block;margin-top: 5px;">item</span>
                    </a>
                </div>
            </div>
        <div id="wrap_hdr">
          	<div id="logo">
                <a href="#"><img src="images/logo.jpg" /></a>
    		</div>
            <div id="div_search">
               	  <input id="tbx_search" type="text" value="nhấn vào đây để tìm kiếm .... "/>
                  <img id="btn_search" src="images/btn_search.png" style="padding-top: 5px;"/>
          	</div>
                	
       	  </div>
            <div id="end_hdr">
                <div id="menu">
					<ul class="menu">
						<li><a href="#" class="parent"><span class="first" style="color: white;font-size: 18px; font-family: 'Arial', sans-serif;">Home</span></a>
							<div><ul>
								<li><a href="#" class="parent"><span>Sub Item 1</span></a>
									<div><ul>
										<li><a href="#" class="parent"><span>Sub Item 1.1</span></a>
											<div><ul>
												<li><a href="#"><span>Sub Item 1.1.1</span></a></li>
												<li><a href="#"><span>Sub Item 1.1.2</span></a></li>
											</ul></div>
										</li>
										<li><a href="#"><span>Sub Item 1.2</span></a></li>
										<li><a href="#"><span>Sub Item 1.3</span></a></li>
										<li><a href="#"><span>Sub Item 1.4</span></a></li>
										<li><a href="#"><span>Sub Item 1.5</span></a></li>
										<li><a href="#"><span>Sub Item 1.6</span></a></li>
										<li><a href="#" class="parent"><span>Sub Item 1.7</span></a>
											<div><ul>
												<li><a href="#"><span>Sub Item 1.7.1</span></a></li>
												<li><a href="#"><span>Sub Item 1.7.2</span></a></li>
											</ul></div>
										</li>
									</ul></div>
								</li>
								<li><a href="#"><span>Sub Item 2</span></a></li>
								<li><a href="#"><span>Sub Item 3</span></a></li>
							</ul></div>
						</li>
						<li><a href="#" class="parent"><span class="first" style="color: white;font-size: 18px;font-family: 'Arial', sans-serif;">Product Info</span></a>
							<div><ul>
								<li><a href="#" class="parent"><span>Sub Item 1</span></a>
									<div><ul>
										<li><a href="#"><span>Sub Item 1.1</span></a></li>
										<li><a href="#"><span>Sub Item 1.2</span></a></li>
									</ul></div>
								</li>
								<li><a href="#" class="parent"><span>Sub Item 2</span></a>
									<div><ul>
										<li><a href="#"><span>Sub Item 2.1</span></a></li>
										<li><a href="#"><span>Sub Item 2.2</span></a></li>
									</ul></div>
								</li>
								<li><a href="#"><span>Sub Item 3</span></a></li>
								<li><a href="#"><span>Sub Item 4</span></a></li>
								<li><a href="#"><span>Sub Item 5</span></a></li>
								<li><a href="#"><span>Sub Item 6</span></a></li>
								<li><a href="#"><span>Sub Item 7</span></a></li>
							</ul></div>
						</li>
						<li><a href="#"><span class="first" style="color: white;font-size: 18px;font-family: 'Arial', sans-serif;">Help</span></a></li>
						<li class="last"><a href="#"><span class="first" style="color: white;font-size: 18px;font-family: 'Arial', sans-serif;"> Contacts</span></a></li>
					</ul>
				</div>

                
            </div>
		</div>
		<div id="main">
        	<div id="poster">
            	<div id="faded">
				<ul class="slides">					
					<li><a href="#"><img src="images/panel1.png"><a href="#"><span><span>Learn More</span></span></a></li>
					<li><a href="#"><img src="images/panel2.png"><a href="#"><span><span>Learn More</span></span></a></li>
					<li><a href="#"><img src="images/panel3.png"><a href="#"><span><span>Learn More</span></span></a></li>
					<li><a href="#"><img src="images/panel3.png"><a href="#"><span><span>Learn More</span></span></a></li>
				</ul>
				<ul class="pagination">
					<li><a href="#" rel="0"><span>Web Hosting</span><small>Get more information</small></a></li>
					<li><a href="#" rel="1"><span>Broadband</span><small>Get more information</small></a></li>
					<li><a href="#" rel="2"><span>Email Hosting</span><small>Get more information</small></a></li>
					<li><a href="#" rel="3"><span>Dedicated</span><small>Get more information</small></a></li>
				</ul>
			</div>
            </div>
            <div id="main_content">
           	  <div id="khuyenmai">
                	<h2 id="title">THIS WEEK'S OFFERS</h2>
                    <ul>
                    	<li class="product">
                        	<div class="product_image">
                            	<a href="#"><img src="images/products/3167305_sc.jpg" /></a>
                            </div>
                            <div class="details" style="text-align:center;">
                           	  <h4><a href="#" style="color:blue;">Save $25 or $50</a></h4>
                                <p>on select all-in-one desktop computers</p>
                          </div>
                      </li>
                        <li class="product">
                        	<div class="product_image" >
                            	<a href="#" ><img src="images/products/3109302_sc.jpg"/></a>
                            </div>
                            <div class="details" style="text-align:center;">
                           	  <h4><a href="#" style="color:blue;">New iPod touch® in White</a></h4>
                                <p>Buy a new iPod touch, now starting at $199.99. Plus free shipping 			</p>
                          </div>
                      </li>
                         <li class="product">
                        	<div class="product_image" >
                            	<a href="#" ><img src="images/products/3109302_sc.jpg"/></a>
                            </div>
                            <div class="details" style="text-align:center;">
                           	  <h4><a href="#" style="color:blue;">New iPod touch® in White</a></h4>
                                <p>Buy a new iPod touch, now starting at $199.99. Plus free shipping 			</p>
                           </div>
                      </li>
                         <li class="product">
                        	<div class="product_image" >
                            	<a href="#" ><img src="images/products/3109302_sc.jpg"/></a>
                            </div>
                            <div class="details" style="text-align:center;">
                           	  <h4><a href="#" style="color:blue;">New iPod touch® in White</a></h4>
                                <p>Buy a new iPod touch, now starting at $199.99. Plus free shipping 			</p>
                           </div>
                      </li>
                         <li class="product">
                        	<div class="product_image" >
                            	<a href="#" ><img src="images/products/3109302_sc.jpg"/></a>
                            </div>
                            <div class="details" style="text-align:center;">
                           	  <h4><a href="#" style="color:blue;">New iPod touch® in White</a></h4>
                                <p>Buy a new iPod touch, now starting at $199.99. Plus free shipping 			</p>
                           </div>
                      </li>
                    </ul>
                </div>
                <div id="dealofday">
                	<div id="dead_header_image" style="text-align:center;">
                    	<img src="images/dod_logo_wide.png"/>
                    </div>
                    <div id="deal_offer">
                    	<div id="offer_image" style=" text-align:center;">
                        	<a href="#"> <img src="images/products/dod_collage.png"/></a> 
                        </div>
                        <div id="offer_detail">
                        	<h4><a href="#" style="text-decoration:none;">A Great Deal, Every Day</a></h4>
                            <p>See today's deal. Sign up to get a great deal e-mailed to you every day.</p>
                            <small style="font-size:12px;">Online only. Limited quantities.</small>
                            <br/><br/>
                            <a href="#"><img src="images/seeTheDeal.gif"/></a>
                        </div>
                    </div>
                </div>
            </div>
		</div>
		<div id="footer">
        	<div id="contact">
            	<h5 style="font-weight:bold;">Need help? We're available 24/7 at 1-888-BEST BUY (1-888-237-8289)</h5>
                <p style="font-size: 13px;">Online prices and selection generally match our retail stores, but may vary. Prices and offers are subject to change. ©2003-2011 BBY Solutions, Inc. All rights reserved. Best Buy, the Best Buy logo, the tag design and BestBuy.com are trademarks of BBY Solutions, Inc. For personal, noncommercial use only.</p>
            <div>
            <div id="link">
            	<ul>
                	<li><a href="#"><img /></a></li>
                    <li><a href="#"><img /></a></li>
                    <li><a href="#"><img /></a></li>
                </ul>
            </div>
            <!--<div id="left_ftr"></div>
    		<div id="center_ftr"></div>
            <div id="right_ftr"></div>-->
		</div>
	</div>
</body>
</html>
